首页 > Cms文章 > wordpress > > wordpress 日主题ripro 设置二级菜单统计

wordpress 日主题ripro 设置二级菜单统计

时间 : 2022-11-23 编辑 :创始人

1.找到\ripro（或子主题）\functions.php 文件，在最下面添加下载包中的代码：

2.找到\ripro（或子主题）\assets\css\diy.css 在最下面添加以下CSS样式：

/**二级菜单文章统计**/
.num {
 position: absolute;
 top: 8px;
 left: 68%;
 color: #555;
 border-radius: 8px;
 text-align: center;
 font-family: Calibri;
 background: #eee;
 font-size: 12px;
 min-width: 32px;
}
/***二级导航前面小圆点***/
.lanse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
 margin-left: 10px;
    margin-top: -6px;
    left: 0;
 border-color: #61e1b9;
 border: 3px solid #7a99f2;
}

.lvse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
 margin-left: 10px;
    margin-top: -6px;
    left: 0;
 border-color: #61e1b9;
 border: 3px solid #70d7cf;
}
.huangse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
 margin-left: 10px;
    margin-top: -6px;
    left: 0;
 border-color: #61e1b9;
 border: 3px solid #f5c745;
}
.hongse {
    box-sizing: border-box;
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-left: 10px;
    margin-top: -6px;
    left: 0;
    border-color: #61e1b9;
    border: 3px solid #f1787f;
}
/***二级导航前面小圆点结束***/

3、导航前面添加小圆点，在后台-菜单里设置，如下图：

<span><i class="hongse"></i>二级菜单</span>
<span><i class="lanse"></i> </i>二级菜单</span> 
<span><i class="huangse"></i></i> 二级菜单</span>
<span><i class="lvse"></i></i>二级菜单</span>

头条文章